<%@ page language="java" import="java.util.*" pageEncoding="utf-8"
	import="java.sql.*"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	String str = (String)request.getAttribute("error");
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>登录 </title>
		<style>
* {
	margin: 0;
	padding: 0
}

img {
	border: 0;
}

* ul,* ol,* li {
	list-style: none
}

.dot {
	letter-spacing: -3px;
}

.clear {
	clear: both;
	line-height: 0px;
	height: 0px;
	font-size: 0px;
	overflow: hidden;
}

.del {
	text-decoration: line-through;
}

.login_wrap {
	height: 663px;
	text-align: center;
}

.login_header {
	margin: 0 auto;
	width: 1024px;
	height: 80px;
	text-align: left;
}

.login_header h1 {
	padding: 22px 0 0 73px;
}

.login_main {
	height: 583px;
	text-align: left;
	overflow: hidden;
}

.login_panel {
	position: relative;
	margin: 0 auto;
	padding-right: 30px;
	width: 930px;
	height: 583px;
	overflow: hidden;
	z-index: 200;
}

.left_panel {
	float: left;
	display: inline;
	width: 646px;
}

.right_panel {
	float: right;
	display: inline;
	padding-top: 27px;
	width: 306px;
	overflow: hidden;
}

.login_help {
	padding-top: 20px;
	width: 307px;
	height: 19px;
	text-align: right;
}

.login_help a {
	color: #1a66b3;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
}

.login_help a:hover {
	text-decoration: underline;
}

.login_frame {
	width: 306px;
	background: url(images/login_bg_frame_20100927.gif) repeat-y 0 0;
	overflow: hidden;
}

.ul_tab {
	padding: 1px 1px 0;
	height: 39px;
	background: url(image/login.gif) no-repeat 0 -10px;
	overflow: hidden;
}

.ul_tab li {
	float: left;
	display: inline;
	width: 151px;
	height: 39px;
	background: url(image/login.gif) no-repeat -155px -60px;
}

.ul_tab li.active {
	width: 152px;
	background: url(image/login.gif) no-repeat 0 -60px;
}

.ul_tab li.sep {
	width: 1px;
	background: url(image/xlogin_bg_tab_sep_20100927.gif) no-repeat 0 0;
}

.ul_tab li a {
	display: block;
	padding-top: 10px;
	height: 32px;
	color: #a6a6a6;
	font: bold 14px/ 18px "\5b8b\4f53";
	text-decoration: none;
	text-align: center;
	_padding-top: 11px;
}

.ul_tab li.active a {
	color: #404040;
	cursor: default;
}

.ul_tab li a:hover {
	background: url(image/login.gif) no-repeat 0 -120px;
	color: #404040;
}

.ul_tab li.active a:hover {
	background: none;
}

.ul_login {
	padding: 2px 3px 0;
	width: 300px;
	overflow: hidden;
}

.ul_login li {
	padding-bottom: 15px;
}

.ul_login li span {
	display: inline-block;
	padding: 0 18px;
	width: 36px;
	color: #404040;
	font: 12px/ 18px "\5b8b\4f53";
}

.ul_login li span.input_border {
	padding: 0;
	width: 200px;
	height: 24px;
	border: 1px solid #d9d9d9;
	overflow: hidden;
	vertical-align: middle;
}

.ul_login li input {
	display: inline-block;
	padding: 2px 0 2px 6px;
	width: 192px;
	height: 18px;
	background: none;
	color: #404040;
	line-height: 18px;
	border: 1px solid #fff; *
	margin-top: -1px; *
	padding: 3px 0 1px 6px;
}

.ul_login li input.pass {
	font-family: Arial;
}

.ul_login li input.tip {
	color: #b9b9b9;
}

.ul_login li input.focus {
	border: 1px solid #fbe3af;
}

.ul_login li input.btn_login {
	margin-left: 71px;
	padding: 0;
	width: 94px;
	height: 27px;
	background: url(image/login.gif) no-repeat 0 -170px;
	color: #fff;
	font: bold 14px/ 18px "\5b8b\4f53";
	border: none;
	cursor: pointer;
	vertical-align: middle;
}

.ul_login li input.hover {
	background: url(image/login.gif) no-repeat 0 -200px;
}

.ul_login li a {
	display: inline-block;
	margin-left: 12px;
	color: #1a66b3;
	font: 12px/ 18px "\5b8b\4f53";
	text-decoration: none;
}

.ul_login li a:hover {
	text-decoration: underline;
}

.ul_login li.check_code_panel span.input_border {
	width: 83px;
}

.ul_login li.check_code_panel span.input_border input {
	width: 81px;
}

.ul_login li.check_code_panel a {
	margin-left: 2px;
}

.ul_login li.check_code_panel a.checkcodeimg {
	margin-left: 5px;
	vertical-align: top;
}

.ul_login li.err_text {
	padding: 6px 0 10px;
	font-size: 0;
	line-height: 0;
	text-align: right;
}

.ul_login li.err_text span {
	display: inline-block;
	margin-right: 26px;
	padding: 2px 0 0 6px;
	width: auto;
	height: 18px;
	background: #fffdb3;
	color: #c30;
	font-size: 12px;
	line-height: 18px;
	border: 1px solid #ffc100;
	overflow: hidden;
}

.login_reg {
	margin: 0 23px;
	padding: 13px 0;
	height: 67px;
	color: #878787;
	font-size: 12px;
	line-height: 18px;
	border-top: 1px solid #efefef;
}

.login_reg span {
	color: #000;
}

.login_reg_btn {
	display: block;
	margin: 5px 0 0 52px;
	padding: 0;
	width: 94px;
	height: 27px;
	background: url(image/login.gif) no-repeat -155px -170px;
	color: #4e3e24;
	font: 12px/ 18px "\5b8b\4f53";
	border: none;
	cursor: pointer;
	overflow: hidden;
	vertical-align: middle; *
	margin-left: 30px;
}

.login_reg input.hover {
	background: url(image/login.gif) no-repeat -155px -200px;
}

.login_frame_bottom {
	width: 306px;
	height: 5px;
	background: url(image/login.gif) no-repeat 0 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
</style>
		<script language="javascript">
	function sign_check_and_submit() {
		if (document.getElementById("txtUsername").value == ""
		||document.getElementById("txtUsername").value == "Email地址或昵称")
			window.alert("请输入用户名");
		else if (document.getElementById("txtPassword").value == "")
			window.alert("请输入密码");
		else {
			Form1.submit();
		}
		return false;
	}
</script>
	</head>

	<body>
		<form name="Form1" method="post"  id="Form1" action="login">
			<div>
				<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
					value="/wEPDwUIMzAzNTg2NTlkZA==" />
			</div>

			<div class="login_wrap">
				<div class="login_header">
					<h1>
						<a><img src="image/logo.gif" alt="淘淘网" title="淘淘网" /> </a>
					</h1>
				</div>

				<div class="login_main"
					style="background: url(image/login_bg1_20101028.jpg) no-repeat center 0;">
					<div class="login_panel">
						<div class="left_panel">
						</div>
						<div class="right_panel">
							<p class="login_help">
							</p>
							<div class="login_frame">
								<ul class="ul_tab">
									<li class="active" id="emaillogin">
										<a href="#" onfocus="this.blur()" name="email_login_tap"
											onclick="change_login_type(0,1)">
											</a>
									</li>
									<li class="sep"></li>
								</ul>
								<div class="clear"></div>
								<ul class="ul_login">
									<li class="err_text" id="liDivErrorMessage">
										<span id="divErrorMssage" style="display: none;"></span>
									</li>
									<li>
										<span id="login_type_text">账户名</span><span
											class="input_border"><input name="txtUsername"
												type="text" value="Email地址或昵称" maxlength="40"
												id="txtUsername" class="tip"
												onfocus="this.className='focus';if(this.value=='Email地址或昵称'){this.value=''}"
												onblur="if(this.value=='Email地址或昵称'){this.className='tip'}else{this.className='';}" />
										</span>
									</li>
									<li>
										<span>密 码</span><span class="input_border"><input
												name="txtPassword" type="password" maxlength="20"
												id="txtPassword" class="pass"
												onkeydown="txtPassword_keyDown(event)"
												onfocus="this.className='pass focus'"
												onblur="this.className='pass'" /> </span>
									</li>
									<li>
										<input class="btn_login" onmouseover="this.className='btn_login hover'"
											onmouseout="this.className='btn_login'"
											onclick="sign_check_and_submit()" type="button"  />
										<input type="hidden" name="action" value="login"/>
										<input type="submit" name="action1" value="登录" id="action1"
											style="display: none;" />
																						<% 
											if(str!=null){
											%>
											<div style="font-size:12px;color:red;padding-top:13px;padding-left:15px;">用户名或者密码错误！</div>
											<%
											}
											%>
									</li>
								</ul>
								<div class="login_reg">
									<span>还不是淘淘网用户？</span>快捷方便的免费注册，让你立刻尽享淘淘网提供的各项优惠及服务... 
									<input class="login_reg_btn"
										onmouseover="this.className='login_reg_btn hover'"
										onmouseout="this.className='login_reg_btn'"
										name="btn_enterregister" type="button" value=""
										onclick="location.href='register.jsp'" />
								</div>
							</div>
							<div class="login_frame_bottom"></div>
						</div>
						<div class="clear"></div>
					</div>

				</div>

			</div>
			<!--页尾 开始 -->

			<style type="text/css">
.public_footer_box {
	width: 100%;
	margin: 0 auto;
	font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif;
	clear: both;
}

.public_footer {
	margin: 0 auto;
	width: 950px;
	padding: 32px 5px 0;
	font: 12px;
	color: #666;
	overflow: hidden;
}

.public_footer a {
	color: #666 !important;
	text-decoration: none;
	font-size: 12px;
}

.public_footer a:hover {
	color: #f60 !important;
	text-decoration: underline;
}

.public_footer .sep {
	display: inline-block;
	padding: 0 18px;
}

.public_footer .footer_copyright {
	padding-left: 168px;
	margin: 0 auto;
	width: 792px;
}

.public_footer .footer_copyright span {
	float: left;
	display: inline
}

.public_footer .footer_copyright span {
	padding-top: 10px;
}

.public_footer .footer_copyright a {
	padding-right: 4px;
}

.public_footer .footer_icon {
	margin: 10px 0 0 335px;
	width: 300px;
	height: 57px;
}

.public_footer .validator,.public_footer .knet {
	float: left;
	display: inline;
	padding: 0 5px;
	width: 135px;
	height: 47px;
}
</style>
			<div class="public_footer_box">
				<div class="public_footer">
					<div class="footer_copyright">
						<div class="clear"></div>
					</div>
					<div class="footer_icon">
						<div class="clear"></div>
					</div>

				</div>
			</div>

			<!--页尾 end -->
		</form>
	</body>
</html>
